<div class="panel panel-primary">
    <div class="panel-heading">
        <div class="panel-title">
            <a href="#/sport/{{meet.sport._id}}"><span class="glyphicon glyphicon-chevron-left"></span></a>
        </div>
    </div>
</div>
<div class="col-xs-12">
    <div class="page-header detail-title">
        <h3>{{meet.title}}</h3>
    </div>
    <p style="word-wrap: break-word;">{{meet.content}}</p>
    <ul class="list-group list-top">
        <li class="list-group-item">
            <p>运动：{{meet.sport.name}}</p>

            <p>发起人：{{meet.creater.realName}}</p>

            <p>地点：{{meet.place}}</p>

            <p>开始时间：{{meet.startTime | date:'yyyy-MM-dd HH:mm EEEE'}}</p>
            <p>参与人：<span ng-repeat="join in joinList">{{join.joiner.realName}}&nbsp;</span></p>
        </li>
    </ul>
    <div ng-show="isLogin" style="height: 60px;">
        <button class="btn btn-warning btn-block" ng-click="join()" ng-hide="isJoin">报名参加</button>
        <button class="btn btn-success btn-block" ng-click="cancel()" ng-show="isJoin">已经报名，点击取消</button>
    </div>
</div>